@use 'sass:color';

.question-2025101602-page .moments-wrap{
    position: absolute;
    background-color: color.adjust(#A8ACB5, $lightness: 22%);
    overflow: hidden;
    top: 50%;
    left: 50%;
    width: 640px;
    margin-left: -320px;
    margin-top: -320px;
    height: 640px;
    box-sizing: border-box;
    padding: 219px 25px 38px;
    z-index: 2;
    h1{
        position: relative;
        font-size: 46px;
        font-weight: bold;
        color: #db7734;
        border-bottom: 1px solid #db7734;
        width: 390px;
        &::after{
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            height: 3px;
            bottom: -6px;
            background-color: #db7734;
        }
        span{
            font-size: 21px;
            margin-left: 13px;
            color: #444;
            font-style: italic;
        }
    }
    .title-tip{
        opacity: 0;
        position: absolute;
        font-style: italic;
        font-size: 26px;
        color: #db7734;
    }
    .skill-list{
        font-size: 18px;
        margin-top: 25px;
        li{
            position: relative;
            max-width: 424px;
            padding-left: 20px;
            // outline: 1px solid #fff;
            &:not(:last-child){
                margin-bottom: 5px;
            }
            &:before{
                position: absolute;
                top: 9px;
                left: 2px;
                content: "";
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                margin-right: 10px;
                background-color: #444;
            }
        }
    }

    .title2{
        margin-top: 19px;
        font-size: 23px;
        // font-weight: bold;
        color: #db7734;
    }
    .list2{
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        font-size: 15px;
        color: #fff;
        // outline: 1px solid #f00;
        width: 320px;
        li{
            padding: 2px 20px;
            border-radius: 28px;
            background-color: #444;
            margin-bottom: 12px;
            margin-right: 20px;
        }
    }

    .people{
        position: absolute;
        top: 26%;
        right: 0;
        width: 53.2%;
        bottom: 0;
        //outline: 1px solid #f00;
        background-image: url('@/assets/kj/20251016/ll.png');
        background-size: auto 100%;
        // background-position: center bottom;
        background-repeat: no-repeat;
        z-index: -1;
    }
}